<style lang="less"scoped="scoped">
	#aside{
		width: 265px;
		
		background: #282828;
		border-top: 1px solid #222;
		box-shadow: 0 1px 1px #363636 inset;

		li{
			width: 100%;
			height: 50px;
			border-bottom: 1px solid #333;
			display: flex;
			justify-content: space-between;
			align-items: center;
			box-sizing: border-box;
			padding: 0 16px;
			a{
			font-size: 12px;
			color: darkgray;
			line-height: 50px;
			}
			.van-icon{
				color: darkgray;
				font-size: 12px;
			}
		}
			
	}
</style>

<template>
	<Nav id="aside">
		<nav class="nav">
			<ul class="list">
				<li class="home">
					<a href="">首页</a>
					<van-icon name="arrow" />

				</li>
				<li class="film">
					<a href="">影片</a>
					<van-icon name="arrow" />
				</li>
				<li class="cinema">
					<a href="">影院</a>
					<van-icon name="arrow" />
				</li>
				<li class="mall">
					<a href="">商城</a>
					<van-icon name="arrow" />
				</li>
				<li class="me">
					<a href="">我的</a>
					<van-icon name="arrow" />
				</li>
				<li class="card">
					<a href="">卖座卡</a>
					<van-icon name="arrow" />
				</li>
			</ul>
		</nav>
	</Nav>
</template>
	

<script>
	import { Icon } from 'vant'
	export default{
		components:{
			[Icon.name]:Icon
		},
		
	}
</script>

